<%= form_for(@cultural_heritage_incidence,  :html => {:onsubmit => "return validate(this);",:multipart => true }) do |f| %>
  <% if @cultural_heritage_incidence.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@cultural_heritage_incidence.errors.count, "error") %> prohibited this cultural_heritage_incidence from being saved:</h2>

      <ul>
      <% @cultural_heritage_incidence.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>   
  <% end %>

  <div class="field">
    <%if (user_signed_in?)%>
      <%#= f.label :Usuario%>
      <%#= f.text_field :user, :value=> current_user.id, :type=>"hidden"%>
    <%end%>
  </div>
  <fieldset id="agrupacion" >
    <legend>Datos Patrimonio</legend>
    <fieldset class="column-left">    
      <div class="field" id="cultural_heritage_incidence_culturalHeritage">
        <%= f.label :culturalHeritage, 'Patrimonio Cultural', :id=>"cultural_heritage_incidence_culturalHeritage" %>
        <%= f.select :culturalHeritage, @cultural_heritages.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"},{:class => 'combobox'} %>
      </div>
    </fieldset>
  </fieldset>


  <fieldset id="agrupacion" >
    <legend>Descripción y Foto</legend>

    <fieldset class="column-left">
          <div class="field">
            <%= f.label :'Descripcion Breve' %><br />
            <%= f.text_field :briefDesc %>
          </div>
          <div class="field">
            <%= f.label :'Descripcion Completa' %><br />
            <%= f.text_area :completeDesc %>
          </div>
    </fieldset>

        <fieldset class="column-right">
          <fieldset id="agrupacion">
            <legend>Foto</legend>
               <div <%if @cultural_heritage_incidence.avatar_file_name.blank? %> style="display:none"<%end%> >
                  <%if !@cultural_heritage_incidence.avatar_file_name.blank? %>
                    <p>
                        <%cultural_heritage_incidence_avatar=@cultural_heritage_incidence%>
                        <a href=<%=cultural_heritage_incidence_avatar.avatar.url%> rel="lightbox[roadtrip]" title=<%cultural_heritage_incidence_avatar.avatar_file_name%>><img src=<%cultural_heritage_incidence_avatar.avatar.url%> width="200" height="200" /></a>
                    </p>
                  <%end%>
                  </div>
                  <div class="field">
                    <%= f.file_field :avatar %>
                  </div>
          </fieldset>
        </fieldset>
</fieldset>

<fieldset id="agrupacion" >
    <legend>Datos Responsable Incidencia</legend>
     <fieldset class="column-left">
      <div class="field">
        <%= f.label :'Nombre Completo Responsable' %>
        <%= f.text_field :fullNameResponsable %>
      </div>
      <%#*<div class="field">%>
        <%#= link_to 'Nuevo', new_security_person_path %>
      <%#*</div>%>
    </fieldset> 
    <fieldset class="column-right">
      <div class="field">
        <%= f.label :'DNI Responsable' %>
        <%= f.text_field :dniResponsable %>
      </div>      
    </fieldset>    
  </fieldset>

  <fieldset id="agrupacion" >
     <legend>Lugar y Fecha</legend>
    <fieldset class="column-left">     
      <div class="field">
        <label>Fecha de Incidencia</label>
        <%= f.datepicker 'date_incidence'%>
      </div>
    </fieldset>
    <fieldset class="column-right">
      <div class="field">
        <label>Referencia Localización</label>
        <%= f.text_field :location %>
      </div>
    </fieldset>
  </fieldset>

  
<fieldset id="agrupacion" >
  <legend>Geolocalización Mapa</legend>
    <fieldset class="column-left">
      <div class="field">
          <label>Latitud:</label><br />
          <%= f.text_field :latitude %>
        </div>
        <div class="field">
          <label>Longitud:</label><br />
          <%= f.text_field :longitude %>
        </div>
    </fieldset>
    <fieldset class="column-right">
        <div class="field">
            <label>Dirección:</label><br />
            <%= f.text_area :address %>
        </div>
    </fieldset>
  </fieldset>
  
  
   <div class="actions">
    <%= f.submit "Guardar"%>
  </div>
<% end %>
<script type="text/javascript">
  // form validation function //
  function validate(form) {
    //select
    var Patrimonio = form.cultural_heritage_incidence_culturalHeritage.value;
    //input
    var DescBreve = form.cultural_heritage_incidence_briefDesc.value;    
    var DescCompleta = form.cultural_heritage_incidence_completeDesc.value;
    var Responsable = form.cultural_heritage_incidence_fullNameResponsable.value;
    var DNI = form.cultural_heritage_incidence_dniResponsable.value;
    var Reflocalizacion = form.cultural_heritage_incidence_location.value;
    <%#*//input number%>
    var _latitude = form.cultural_heritage_incidence_latitude.value;
    var _longitude = form.cultural_heritage_incidence_longitude.value;
    
    <%#*//textarea%>
    
    var Dirección = form.cultural_heritage_incidence_address.value;

    //var email = form.email.value;


    /*Para un select*/
    if(Patrimonio == "") {
      inlineMsg('cultural_heritage_incidence_culturalHeritage','Debe seleccionar un patrimonio para la incidencia.',3);
      return false;
    } 
    /*Para un input*/
    if(DescBreve == "") {
      inlineMsg('cultural_heritage_incidence_briefDesc','Debe ingresar una breve descripción para la incidencia.',3);
      return false;
    }
    if(!DescBreve.match(nameRegex)) {
      inlineMsg('cultural_heritage_incidence_briefDesc','Debe de ingresar una breve descripción valida.',3);
      return false;
    }

    if(DescCompleta == "") {
      inlineMsg('cultural_heritage_incidence_completeDesc','Debe ingresar una decripción completa para la incidencia.',3);
      return false;
    }
  

    if(DescCompleta.match(messageRegex)) {
      inlineMsg('cultural_heritage_incidence_completeDesc','Debe ingresar una decripción completa válida.',3);
      return false;
    }
    
    if(Responsable == "") {
      inlineMsg('cultural_heritage_incidence_fullNameResponsable','Debe ingresar un responsable.',3);
      return false;
    }
    if(!Responsable.match(nameRegex)) {
      inlineMsg('cultural_heritage_incidence_fullNameResponsable','Debe de ingresar un responsable valido.',3);
      return false;
    }
  
    if(DNI == "") {
      inlineMsg('cultural_heritage_incidence_dniResponsable','Debe ingresar DNI.',3);
      return false;
    }
    if(DNI.match(num_regex) == null) {
      inlineMsg('cultural_heritage_incidence_dniResponsable','Debe de ingresar un DNI valido.',3);
      return false;
    }    
    if(DNI.toString().length != 8 ) {
      inlineMsg('cultural_heritage_incidence_dniResponsable','Deben ser 8 digitos para DNI.',3);
      return false;
    }
    if(Reflocalizacion == "") {
      inlineMsg('cultural_heritage_incidence_location','Debe ingresar una referencia de localización.',3);
      return false;
    }
    if(!Reflocalizacion.match(nameRegex)) {
      inlineMsg('cultural_heritage_incidence_location','Debe de ingresar una referencia de localización valida.',3);
      return false;
    }
 
    /*Para un number*/

    <%#*if(Latitud == "" || Latitud < -1000 || Latitud > 1000) {%>
      <%#*inlineMsg('cultural_heritage_incidence_latitude','Debe ingresar la latitud mayor que 1.',3);%>
      <%#*return false;%>
    <%#*}%>

    <%#*if(Longitud == "" || Longitud < -1000 || Longitud > 1000) {%>
      <%#*inlineMsg('cultural_heritage_incidence_longitude','Debe ingresar la longitud mayor que 1.',3);%>
      <%#*return false;%>
    <%#*}%>
    /*Para un text box*/
   

    if(Dirección == "") {
      inlineMsg('cultural_heritage_incidence_address','Debe ingresar una dirección de referencia para la incidencia.',3);
      return false;
    }
    if(Dirección.match(messageRegex)) {
      inlineMsg('cultural_heritage_incidence_address','Debe ingresar una dirección válida.',3);
      return false;
    }
 
    if (_latitude.toString().length >0 && _longitude.toString().length <= 0) {
      inlineMsg('cultural_heritage_incidence_longitude','Debe de ingresar una altitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length <= 0 && _longitude.toString().length > 0) {
      inlineMsg('cultural_heritage_incidence_latitude','Debe ingresar una latitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length >0) {
      if(!_latitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_incidence_latitude','Debe ingresar una latitud con el formato válido.',3);
        return false;
      }
    }
    if (_longitude.toString().length >0) {
      if(!_longitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_incidence_longitude','Debe de ingresar una altitud con el formato válido.',3);
        return false;
      }
    }

  }

</script>